@charset 'utf-8';
@import "../zless/z";
@import "../zless/css3";
@import "../zless/reset";
//开始重置所有
.reset();
body {
    background-color: #F7F5F5;
}

// 默认样式
.treemenu {
    z-index: 999999;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 400px;
    font-family: Arial;
    color: #666;
    border: 2px solid #D2CFCF;
    .font-s(14px);
    ul {
        padding-top: 2px;
        padding-left: 25px; //各级之间个分级间距
    }
    >li {
        .min-height(20px);
        padding: 2px;
    }
    li>span {
        padding: 2px;
        .border-radius(4px);
    }
    input {}
    a {
        color: #666;
        .text-n();
        line-height: 24px;
        .border-radius(4px);
        &:hover {
            background-color: #34BC9D;
            color: #fff;
        }
    }
    .toggler {
        .d-ib();
        .min-height(20px);
        cursor: pointer;
    }
    .toggler:before {
        .d-ib();
        margin-right: 2px;
    }
    li.tree-empty {
        > .toggler {
            color: #aaa;
        }
        > .toggler:before {
            .wh(16px);
            content: " ";
            background: url("../../images/my_tree_close.png") center center no-repeat;
        }
    }
    li.tree-closed {
        > .toggler:before {
            background: url("../../images/my_tree_close.png") center center no-repeat;
        }
    }
    li.tree-opened {
        > .toggler:before {
            background: url("../../images/my_tree_open.png") center center no-repeat;
        }
    }
    .active {
        background-color: #34495E;
        color: white;
        a {
            color: #fff;
            &:hover {
                background-color: #34BC9D;
            }
        }
    }
}

//线包样式
// .linestyle {
//     .min-height(20px);
//     ul {
//         padding-top: 2px;
//         padding-left: 25px; //各级之间个分级间距
//     }
//     >li {
//         .min-height(20px);
//         padding: 2px;
//     }
//     li {
//         list-style-type: none;
//         margin: 0;
//         padding: 10px 5px 0px 5px;
//         position: relative;
//         >span {
//             padding: 2px;
//             border-radius: 4px;
//         }
//         :before,
//         :after {
//             content: '';
//             left: -20px;
//             position: absolute;
//             right: auto
//         }
//         :before {
//             border-left: 1px solid #999;
//             bottom: 50px;
//             height: 100%;
//             top: 0;
//             width: 1px
//         }
//         :after {
//             border-top: 1px solid #999;
//             height: 20px;
//             top: 25px;
//             width: 25px
//         }
//         span {
//             -moz-border-radius: 5px;
//             -webkit-border-radius: 5px;
//             border: 1px solid #999;
//             border-radius: 5px;
//             .d-ib();
//             padding: 8px 8px;
//             .text-n();
//         }
//     }
//     a {
//         color: #5BA998;
//         text-decoration: none;
//         line-height: 24px;
//         border-radius: 4px;
//         &:hover {
//             background-color: #34BC9D;
//             color: #fff;
//         }
//     }
//     .toggler {
//         cursor: pointer;
//     }
//     .toggler:before {
//         .d-ib();
//         margin-right: 2px;
//     }
//     li.parent_li {
//         >span {
//             cursor: pointer
//         }
//     }
//     >ul {
//         >li {
//             :before,
//             :after {
//                 border: 0;
//             }
//         }
//     }
//     li:last-child {
//         :before {
//             height: 30px
//         }
//     }
//     li.parent_li {
//         >span:hover,
//         >span:hover+ul li span {
//             background: #eee;
//             border: 1px solid #94a0b4;
//             color: #000
//         }
//     }
// }
